<template>
	<view>
		<view class="">
			<view class="title">
				出租
			</view>
			<view class="lists in" @click="router('/Estate/SellHousing/SellHousing')">
				<view class="list">
					<view class="left">
						<view class="icon">
							<image class="img" src="../../static/Estate/icon01.png" mode=""></image>
						</view>
						<view class="text">
							<view class="txt">
								整套出租
							</view>
							<view class="txt1">
								一整套房子出租
							</view>
						</view>
					</view>
					<view class="right">
						<view class="icon">
							<image class="img" src="../../static/icon/iconRight.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="list">
					<view class="left">
						<view class="icon">
							<image class="img" src="../../static/Estate/icon02.png" mode=""></image>
						</view>
						<view class="text">
							<view class="txt">
								单间出租
							</view>
							<view class="txt1">
								一个房间
							</view>
						</view>
					</view>
					<view class="right">
						<view class="icon">
							<image class="img" src="../../static/icon/iconRight.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="list">
					<view class="left">
						<view class="icon">
							<image class="img" src="../../static/Estate/icon02.png" mode=""></image>
						</view>
						<view class="text">
							<view class="txt">
								找室友
							</view>
							<view class="txt1">
								找一起住的人，分摊房租
							</view>
						</view>
					</view>
					<view class="right">
						<view class="icon">
							<image class="img" src="../../static/icon/iconRight.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="list">
					<view class="left">
						<view class="icon">
							<image class="img" src="../../static/Estate/icon02.png" mode=""></image>
						</view>
						<view class="text">
							<view class="txt">
								短租/日租
							</view>
							<view class="txt1">
								按天出租
							</view>
						</view>
					</view>
					<view class="right">
						<view class="icon">
							<image class="img" src="../../static/icon/iconRight.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="" style="margin-top: 50rpx;" @click="router('/Estate/SellHousing/SellHousing')">
			<view class="title in">
				售房
			</view>
			<view class="list in">
				<view class="left">
					<view class="icon">
						<image class="img" src="../../static/Estate/icon01.png" mode=""></image>
					</view>
					<view class="text">
						<view class="txt">
							售房
						</view>
						<view class="txt1">
							立刻售房
						</view>
					</view>
				</view>
				<view class="right">
					<view class="icon">
						<image class="img" src="../../static/icon/iconRight.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			router(url) {
				this.$u.route({
					url: url
				})
			}
		}
	}
</script>

<style lang="scss">
	.title{
		width: 90%;
		margin:10rpx auto;
		color: #B0B0B0;
	}
	.in{
		width: 90%;
		margin: auto;
	}
	.lists{
		margin-top: 10rpx;
		
	}
	.list{
	display: flex;
	justify-content: space-between;
	border-bottom: 1rpx solid #d9d9d9;
		.left{
			padding: 30rpx 0;
			display: flex;
			.icon{
				width:100rpx;
				height: 100rpx;
			}
			.text{
				margin-left: 10rpx;
				.txt{
					color: #101010;
					font-size: 30rpx;
					
				}
				.txt1{
					margin-top: 10rpx;
					color: #999999;
					font-size: 28rpx;
				}
			}
		}
		.right{
			.icon{
				width: 20rpx;
				height: 30rpx;
				line-height:160rpx;
			}
		}
	}
</style>
